﻿<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>登录后台</title>
		<link rel="shortcut icon" href="img/favicon.ico" />
		<link rel="stylesheet" href="css/loginIn.css" />
		<link rel="stylesheet" href="css/aos.css" />
		<script src="js/jquery-2.1.0.js"></script>
		<script src='js/vue2.0.min.js'></script>
		<script src="js/aos.js"></script>
		<script src="js/swiper-3.4.2.jquery.min.js"></script>
		<script src='js/fastclick.js'></script>
		<!--<script src="js/xqjy.js"></script>-->
	</head>

	<body class="BSsystem">
		<div id='app' v-cloak>
			<div class="flew" v-if='state>=1' style="flex-wrap: wrap;" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="500" data-aos-easing="ease-in-out">
				<div class="mainFunction">
					<h2 class="lbdTitle">快捷功能</h2>
					<ul class="flew fastEntrance">
                        <li class="flew">
                            <div class="task-stat-content task-bgb menuiwin" href="/GDCIC/DQUAENT/Index" data-text="<i class='fa fa-navicon firstIcon'></i>企业资质">
                                <p class="xtit">资质维护</p>
                                <p class="note">23个</p>
                            </div>
                            <div class="icondiv"><i class="icon">&#xe733;</i></div>
                        </li>
						<li class="flew">
							<div>
								<p class="xtit">高级人员维护</p>
								<p class="note">387</p>
							</div>
							<div class="icondiv"><i class="icon">&#xe62e;</i></div>
						</li>
						<li class="flew">
							<div>
								<p class="xtit">消息定制</p>
								<p class="note">387</p>
							</div>
							<div class="icondiv"><i class="icon">&#xe601;</i></div>
						</li>
						<li class="flew">
							<div>
								<p class="xtit">紧急求助</p>
								<p class="note">387</p>
							</div>
							<div class="icondiv"><i class="icon">&#xe62c;</i></div>
						</li>

					</ul>
					<ul class="flew mainFunctions">
						<li data-aos="fade-right" data-aos-offset="200" data-aos-delay="50" data-aos-duration="1000" data-aos-easing="ease-in-out">
							<div class="litop flew acc">
								<div class="title">企业资质</div>
								<div class="btndiv"><button class="blue"><i class="icon">&#xe603;</i> 定制</button></div>
							</div>
							<div class="liLists">
								<div class="entlist flew" v-for='(item,index) in CompanyIntelligence' @click="openCM(index)">
									<p>{{item.QC_Title}}</p><span>{{item.QC_ExpireDays}}{{item.QC_ExpireDays>0?'天后过期':''}}<span><i class="icon">&#xe6aa;</i>
								</div>
							</div>
						</li>
						<li data-aos="fade-left" data-aos-offset="200" data-aos-delay="50" data-aos-duration="1000" data-aos-easing="ease-in-out">
							<div class="litop flew acc">
								<div class="title">个人证书</div>
								<div class="btndiv"><button class="blue"><i class="icon">&#xe603;</i> 定制</button></div>
							</div>
							<div class="liLists">
								<div class="entlist flew" v-for='item in PersonCredential' @click="openPM(item.CategoryID)">
									<p>
										{{item.CategoryName}}/共&nbsp;<b>20</b>&nbsp;/&nbsp;1个月到期&nbsp;<b>20</b>&nbsp;/&nbsp;3个月到期&nbsp;<b>20</b>&nbsp;
									<!--<span class="greentext">{{item.PersonalCount}}人</span>-->
									</p><i class="icon">&#xe6aa;</i>
								</div>
							</div>
						</li>
						<li>
							<div class="litop flew acc">
								<div class="title">办事结果</div>
								<div class="btndiv"><button class="blue"><i class="icon">&#xe603;</i> 定制</button></div>
							</div>
							<div class="liLists">
								<div class="entlist flew" v-for='item in OfficeWorkList'>
									<p>流水号：{{item.SeqNo}} <span class="greentext">{{item.WorkName}}</span></p><i class="icon">&#xe6aa;</i>
								</div>
							</div>
						</li>
						<li>
							<div class="litop flew acc">
								<div class="title">行业培训</div>
								<div class="btndiv"><button class="blue"><i class="icon">&#xe603;</i> 定制</button></div>
							</div>
							<div class="liLists">
								<div class="entlist flew">
									<p>安管人员</p><i class="icon">&#xe6aa;</i></div>
								<div class="entlist flew">
									<p>A证</p><i class="icon">&#xe6aa;</i></div>
								<div class="entlist flew">
									<p>B证</p><i class="icon">&#xe6aa;</i></div>
							</div>
						</li>
						<li>
							<div class="litop flew acc">
								<div class="title">高级私人定制</div>
								<div class="btndiv"><button class="blue"><i class="icon">&#xe603;</i> 定制</button></div>
							</div>
							<div class="liLists">
								<div class="entlist flew">
									<p>培训报名</p><i class="icon">&#xe6aa;</i></div>
								<div class="entlist flew">
									<p>代领证书</p><i class="icon">&#xe6aa;</i></div>
								<div class="entlist flew">
									<p>代招人员</p><i class="icon">&#xe6aa;</i></div>
							</div>
						</li>
						<li>
							<div class="litop flew acc">
								<div class="title">其它服务</div>
								<div class="btndiv"><button class="blue"><i class="icon">&#xe603;</i> 定制</button></div>
							</div>
							<div class="liLists">
								<div class="entlist flew">
									<p>企业服务</p><i class="icon">&#xe6aa;</i></div>
								<div class="entlist flew">
									<p>消息订阅</p><i class="icon">&#xe6aa;</i></div>
								<div class="entlist flew">
									<p>行业动态</p><i class="icon">&#xe6aa;</i></div>
							</div>
						</li>
					</ul>
				</div>
				<div class="w380">
					<div class="CustInform whitesd">
						<dl class="flew khbg acc">
							<dt><img :src="CompanyInfo.Logo?CompanyInfo.Logo:'img/khlogo.png'" alt="" /></dt>
							<dd>
								<p class="khname">{{CompanyInfo.Name}}</p>
								<p>法人：<span>{{CompanyInfo.LegalMan}}</span></p>
							</dd>
						</dl>
						<ul class="compMessage">
							<li class="flew"><span>信息推送：</span>
								<p class="underline01">0&nbsp;短信</p>
							</li>
							<li class="flew"><span>人员：</span>
								<p class="underline01">高级{{CompanyInfo.AdvancedStaffNumber}}人，总数{{CompanyInfo.StaffNumber}}人，持证人数{{CompanyInfo.CertificatePerson}}人</p>
							</li>
							<li>
								<div class='flew'>
									<span>资质：</span>
									<p class="underline01"><b style='color: #111;'>总共</b>&nbsp;({{CompanyInfo.AllNumber}})，<b style='color: #111;'>有效</b>&nbsp;({{CompanyInfo.ValidNumber}})，<b style='color: #111;'>4个月过期</b>&nbsp;({{overCredentialNum?overCredentialNum:0}})</p>
								</div>
							</li>
							<!--<li class="flew">
								<span>资质：</span>
								<p class="underline02">职业资格证</p><span>到期：</span>
							</li>-->
						</ul>
					</div>
					<div class="whitesd">
						<div class="bsideTop flew acc">
							<div class="title">重要通知</div>
							<a href="#" class="more">查看更多></a>
						</div>
						<ul class="bsideLists">
							<li class="flew acc">
								<a href="#">办事历史重要通知办事历史重要通知办事历史重要通知</a><strong>2018-08-08</strong></li>
							<li class="flew acc">
								<a href="#">办事历史重要通知</a><strong>2018-08-08</strong></li>
							<li class="flew acc">
								<a href="#">办事历史重要通知</a><strong>2018-08-08</strong></li>
						</ul>
					</div>
					<div class="whitesd">
						<div class="bsideTop flew acc">
							<div class="title">到期情况</div>
							<a href="#" class="more">查看更多></a>
						</div>
						<ul class="bsideLists">
							<li class="flew acc">
								<a href="#">办事历史重要通知办事历史重要通知办事历史重要通知</a><strong>2018-08-08</strong></li>
							<li class="flew acc">
								<a href="#">办事历史重要通知</a><strong>2018-08-08</strong></li>
							<li class="flew acc">
								<a href="#">办事历史重要通知</a><strong>2018-08-08</strong></li>
						</ul>
					</div>
					<div class="whitesd">
						<div class="bsideTop flew acc">
							<div class="title">培训情况</div>
							<a href="#" class="more">查看更多></a>
						</div>
						<ul class="bsideLists">
							<li class="flew acc">
								<a href="#">办事历史重要通知办事历史重要通知办事历史重要通知</a><strong>2018-08-08</strong></li>
							<li class="flew acc">
								<a href="#">办事历史重要通知</a><strong>2018-08-08</strong></li>
							<li class="flew acc">
								<a href="#">办事历史重要通知</a><strong>2018-08-08</strong></li>
						</ul>
					</div>
					<div class="whitesd">
						<div class="bsideTop flew acc">
							<div class="title">办事情况</div>
							<a href="#" class="more">查看更多></a>
						</div>
						<ul class="bsideLists">
							<li class="flew acc">
								<a href="#">办事历史重要通知办事历史重要通知办事历史重要通知</a><strong>2018-08-08</strong></li>
							<li class="flew acc">
								<a href="#">办事历史重要通知</a><strong>2018-08-08</strong></li>
							<li class="flew acc">
								<a href="#">办事历史重要通知</a><strong>2018-08-08</strong></li>
						</ul>
					</div>
				</div>
			</div>
			<!--个人资质列表-->
			<div class='modal' v-if='state==2'>
				<div class='dialog' data-aos="slide-right" data-aos-offset="200" data-aos-delay="50" data-aos-duration="1000" data-aos-easing="ease-in-out">
					<div class='PM'>
						<div class='PMTitle'>
							<span>个人资质</span>
							<span class='icon' @click="closeModal">x</span>
						</div>
						<table class='PMTable'>
							<tr v-for='item in personList'>
								<th class='oneline'>{{item.Name}}</th>
								<th class='oneline'>{{item.QC_Title}}</th>
								<th class='oneline'>{{item.CID}}</th>
								<th class='oneline'>{{item.EndDate}}</th>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<!--企业资质详情-->
			<div class='modal' v-if='state==3'>
				<div class='dialog' data-aos="slide-right" data-aos-offset="200" data-aos-delay="50" data-aos-duration="1000" data-aos-easing="ease-in-out">
					<div class='PM'>
						<div class='PMTitle'>
							<span>企业资质</span>
							<span class='icon' @click="closeModal">x</span>
						</div>
						<table class='CMTable'>
							<tr>
								<td class='oneline'>证书编号</td>
								<td class='oneline'>{{ComIntelligenceDet.CID}}</td>
							</tr>
							<tr>
								<td class='oneline'>资质类别</td>
								<td class='oneline'>{{ComIntelligenceDet.QC_Code}}</td>
							</tr>
							<tr>
								<td class='oneline'>资质等级</td>
								<td class='oneline'>{{ComIntelligenceDet.QC_Level}}</td>
							</tr>
							<tr>
								<td class='oneline'>资质审批机关</td>
								<td class='oneline'>{{ComIntelligenceDet.QC_Date_Unit}}</td>
							</tr>
							<tr>
								<td class='oneline'>资质最新审批日期</td>
								<td class='oneline'>{{ComIntelligenceDet.QC_ApprovalDate}}</td>
							</tr>
							<tr>
								<td class='oneline'>资质有效期</td>
								<td class='oneline'>{{ComIntelligenceDet.QC_EndDate}}</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
		</div>
		<script src='js/isLogin.js'></script>
		<script src='js/public.js'></script>
		<script src='js/loginIn.js'></script>
	</body>

</html>